// 之前学习的 哪些生命周期函数都是属于 类组件
// 从v16.8+开始， 
import { useState, useEffect } from "react"
function Header(){
  const [count, setCount] = useState(0)
  const [loading, setLoading] = useState(false)
  useEffect(() =>{
    console.log(count);
    document.title = `当前页面修改了${count}次`
     //给useEffect这个hooks添加 第二个参数，就是useEffect这个回调函数执行的时候 依赖项
  },[count])
  return(
    <>
     <h3>状态变量：{count} --- {loading.toString()}</h3>
     <button onClick={() => setCount(count+1)}>修改数据count</button>
     <button onClick={() => setLoading(!loading)}>修改数据loading</button>
    </>
  )
}
function App(){
  return(
    <>
    <Header/>
    </>
  )
}
export default App